import _ from "lodash";
// import "./css/index.css";
// import pyy from "./img/pyy.jpeg";
// import printMe from "./print.js";


// function component() {
//   const element = document.createElement("div");

//   const btn = document.createElement("button");
//   btn.innerHTML = "点击ME打印";
//   btn.onclick = printMe;

//   element.innerHTML = _.join(["hello", "webpack"], "");
//   element.classList.add("bgRed");

//   const icon = new Image();
//   icon.src = pyy;
//   element.append(icon, btn);

//   return element;
// }

// 动态引入
function getComponent() {
  return import("lodash").then(({ default: _ }) => {
    const element = document.createElement("div");
    element.innerHTML = _.join(["hello", "webpack"], "");
    // const btn = document.createElement("button");
    // btn.innerHTML = "点击ME打印";
    // btn.onclick = printMe;
    // element.append(btn);
    return element;
  });
}

getComponent().then((component) => {
  document.body.appendChild(component);
});
